.top{
  width: 100%;
  height: 45px;
  background-image: linear-gradient(90deg,#222325,#3b3c3f,#222325);
  position: relative;
  &::before{
    content: "";
    display: table;
  }
  .topLogo{

    position: absolute;
    font-size: 25px;
    left: 20px;
    top: 5px;
    color: #e5e5e5;
  }
  .container{
    width: 1220px;
    margin: 0 auto;
    height: 100%;
  }
  .user{
    color: #ffffff83;
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
  }
  .shopCar{
    color: #ffffff83;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
  }

  .navactive{
    color: #e5e5e5 !important;
  }
}